
<section id="layout_section" data-transition="slideUp">
	
    <header>
        <nav class="left">
            <a href="#" data-icon="previous" data-target="back"></a>
        </nav>
 		<h1 class="title">查看下款记录</h1>
 		

        <!--<section>
					<select class="cs-select cs-skin-border">
						<option value="" disabled selected>查看下款记录</option>
						<option value="email">E-Mail</option>
						<option value="twitter">Twitter</option>
						<option value="linkedin">LinkedIn</option>
				    </select>
		</section>-->
		<!--<nav class="right">
        	<a href="#" class="navg__trigger"><span class="navg__icon"></span></a>
        	<div class="iphone style-1">
				<div class="iphone__screen">
	  					<nav class="navg">
							<ul class="navg__list">
		  						<li class="navg__item"><a class="navg__link" href="#">Home</a></li>
		  						<li class="navg__item"><a class="navg__link" href="#">About Us</a></li>
		  						<li class="navg__item"><a class="navg__link" href="#">Portfolio</a></li>
		  						<li class="navg__item"><a class="navg__link" href="#">Blog</a></li>
		  						<li class="navg__item"><a class="navg__link" href="#">Contact Us</a></li>
							</ul>
	  					</nav>
	  			</div>		
	    	</div>
    
        </nav>-->
        

       
    </header>
    <footer>
        <a  href="#list_all_article" data-target="article" data-icon="list" class="active">全部</a>
        <a  href="#list_paid_article" data-target="article" data-icon="stack">已付定金</a>
        <a  href="#list_false_article" data-target="article" data-icon="cancel-circle">贷款失败</a>
        <a  href="#list_applied_article" data-target="article" data-icon="quill">申请成功</a>
        <a  href="#" id="layout-btn-getmore"  data-icon="ellipsis">更多</a>
        <!--<a  href="#list_examine_article" data-target="article" data-icon="wand">审核通过</a>
        <a  href="#list_settled_article" data-target="article" data-icon="libreoffice">已结算</a>
        <a  href="#list_success_article" data-target="article" data-icon="star">贷款成功</a>-->
        
        
    </footer>
    <article class="active" id="list_all_article"  data-scroll="true">
        <ul class="list">
           <!-- <li class="divider">list</li>-->
            <li data-icon="next">
            	<div class="tag alizarin">贷款失败</div>
            	<a href="#layout_section_detail"data-target="section">
                <strong>王某某</strong>
                <p>0.83%车抵贷</p>
                </a>
            </li>
            <li data-icon="next">
              	<div class="tag nephritis">已申请成功</div>
				<strong>赵某某</strong>
                <p>二次房贷</p>
            </li>
            <li data-icon="next">
              	<div class="tag clouds">已结算</div>
                <strong>孙某某</strong>
                <p>大额信用卡</p>
            </li>
            <li data-icon="next">
              	<div class="tag turquoise">已付定金</div>
                <strong>孙某某</strong>
                <p>大额信用卡</p>
            </li>
            <li data-icon="next">
              	<div class="tag blue">审核通过</div>
                <strong>孙某某</strong>
                <p>大额信用卡</p>
            </li>
            <li data-icon="next">
              	<div class="tag sliver">贷款成功</div>
                <strong>孙某某</strong>
                <p>大额信用卡</p>
            </li>
           
        </ul>
    </article>
    
    <article id="list_paid_article" data-scroll="true"">
        <ul class="list">
        	<li data-icon="next">
              	<div class="tag clouds">已付定金</div>
                <strong>孙某某</strong>
                <p>大额信用卡</p>
            </li>           
        </ul>
    </article>
    
    <article id="list_false_article" data-scroll="true"">
        <ul class="list">
        	<li data-icon="next">
            	<div class="tag alizarin">贷款失败</div>
            	<a href="#layout_section_detail"data-target="section">
                <strong>王某某</strong>
                <p>0.83%车抵贷</p>
                </a>
            </li>         
        </ul>
    </article>
    
    <article id="list_applied_article" data-scroll="true"">
        <ul class="list">
        	<li data-icon="next">
              	<div class="tag nephritis">申请成功</div>
				<strong>赵某某</strong>
                <p>二次房贷</p>
            </li>       
        </ul>
    </article>
    
    <article id="list_examine_article" data-scroll="true"">
        <ul class="list">
        	<li data-icon="next">
              	<div class="tag blue">审核通过</div>
                <strong>孙某某</strong>
                <p>大额信用卡</p>
            </li>
    </article>
    
    <article id="list_settled_article" data-scroll="true"">
        <ul class="list">
        	<li data-icon="next">
              	<div class="tag clouds">已结算</div>
                <strong>孙某某</strong>
                <p>大额信用卡</p>
            </li>
    </article>
    
    <article id="list_success_article" data-scroll="true"">
        <ul class="list">
        	<li data-icon="next">
              	<div class="tag sliver">贷款成功</div>
                <strong>孙某某</strong>
                <p>大额信用卡</p>
            </li>
    </article>
    
</section>